body {
}
.cover {
    height: 100%;
    overflow-y: hidden
}
.mask-transparent {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.moblie-toast {
    position: fixed;
    z-index: 1000;
    width: 6.6em;
    min-height: 6.6em;
    top: 50%;
    left: 50%;
    margin-left: -3.3em;
    margin-top:-3.3em;
    background: rgba(40, 40, 40, .75);
    text-align: center;
    border-radius: 5px;
    color: #fff;
}

.moblie-icon-toast.moblie-loading {
    margin: 15px 0 0;
    width: 38px;
    height: 38px;
    vertical-align: baseline;
}

.moblie-loading {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    -webkit-animation: moblieLoading 1s steps(12, end) infinite;
    animation: moblieLoading 1s steps(12, end) infinite;
    background: transparent url('') no-repeat;
    background-size: 100%;
}
.moblie-toast-content {
    margin: 0 0 15px;
}

@-webkit-keyframes moblieLoading {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
  }
}
@keyframes moblieLoading {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
  }
}

.labelkToast{
    z-index:1003;
    position: fixed;
    left: 50%;
    bottom:25%;
    width: 6.6em;
    height:30px;
    line-height:30px;
    margin-left: -3.3em;
    background: rgba(40, 40, 40, .75);
    text-align: center;
    border-radius: 5px;
    color: #fff;
}
.bottomToast {
    z-index:1003;
    position: fixed;
    bottom:0;
    width: 100%;
    height:30px;
    line-height:30px;
    background: rgba(40, 40, 40, .75);
    text-align: center;
    color: #fff;
}